<template>
  <!-- 项目分包-开票列表新增 5-3-2 -->
  <div class="common-wrap">
    <h3>开票到账信息</h3>
    <a-form :form="form">
      <a-form-item label="编号" :label-col="{ span: 2 }">
        <a-input size="large" placeholder="请输入编号" v-decorator="[
          '编号',
          {rules: [{ required: true, message: '请输入编号' }]}
        ]" />
      </a-form-item>
      <a-form-item label="开票代码" :label-col="{ span: 2 }">
        <a-input size="large" placeholder="请输入开票代码" v-decorator="[
          '开票代码',
          {rules: [{ required: true, message: '请输入开票代码' }]}
        ]" />
      </a-form-item>
      <a-form-item label="发票号码" :label-col="{ span: 2 }">
        <a-input size="large" placeholder="请输入发票号码" v-decorator="[
          '发票号码',
          {rules: [{ required: true, message: '请输入发票号码' }]}
        ]" />
      </a-form-item>
      <a-form-item label="开票时间" :label-col="{ span: 2 }">
        <a-date-picker size="large" placeholder="请选择开票时间" :showToday="false" v-decorator="[
          '开票时间',
          {rules: [{ required: true, message: '请输入开票时间' }]}
        ]" />
      </a-form-item>
      <a-form-item label="开票金额" :label-col="{ span: 2 }">
        <a-input size="large" placeholder="请输入开票金额" v-decorator="[
          '开票金额',
          {rules: [{ required: true, message: '请输入开票金额' }]}
        ]" />
      </a-form-item>
      <a-form-item>
        <div class="sumbitButton">
          <a-button type="primary" class="buttonColorGreen" size="large">提交</a-button>
          <a-button class="buttonColorWhite" size="large" @click="cancel">取消</a-button>
        </div>
      </a-form-item>
    </a-form>
  </div>
</template>

<script>
export default {
  props: {
    billAddShow: Boolean
  },
  data() {
    return {
      form: this.$form.createForm(this)
    }
  },
  methods: {
    cancel() {
      this.$emit('update:billAddShow', false)
    }
  }
}
</script>

<style>
h3 {
  margin-bottom: 25px;
}
.ant-input {
  width: 300px;
}
.sumbitButton {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.sumbitButton button {
  margin: 20px 30px;
}
</style>

